import React from 'react'
import styled, { CSSProperties } from 'styled-components'

const ItemContent = styled.div`
    margin-top: 6px;
    border-radius: 4px;
    padding: 8px;
    background: rgba(0,0,0,0.7);
    p{
        color: white;
        strong{
            color:#EBBF70;
        }
    }
`;

interface Props {
    children: JSX.Element;
    style?: CSSProperties;
}
export default function ItemWrapper({ children, style }: Props) {
    return (
        <>
            <div style={style}></div>
            <ItemContent>
                {children}
            </ItemContent>
        </>
    )
}
